<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-tiles"
	prefix="tiles"%>
<rich:panel header="#{messages['prospect.individual.member.agreement.assign']}">
	<h:panelGrid>
		<h:outputText value="#{errorBean.errorMessage}" styleClass="error"></h:outputText>
	</h:panelGrid>

	<h:panelGrid width="100%">
		<h:outputText value="#{messages['membership.info']}"
			styleClass="sub_header" />
	</h:panelGrid>

	<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">

		<h:panelGroup>
			<h:outputLabel for="salutation" value="#{messages['salutation']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="salutation"  
				styleClass="standardText"
				value="#{adminViewMemberInfoBean.memberInd.salutation.desc}"></t:outputText>
		</h:panelGroup>

		<h:panelGroup>
			<h:outputLabel for="name" value="#{messages['name']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="name"  
				styleClass="standardText"
				value="#{adminViewMemberInfoBean.memberInd.nameAsIcPassport}"></t:outputText>
		</h:panelGroup>
		
	   <h:panelGroup>
	    <h:outputLabel for="email" value="#{messages['email']}" styleClass="standardText_Label" />
	   </h:panelGroup>
	   <h:panelGroup>
	   	<t:outputText id="email"   styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.email}">
	   	</t:outputText>
	   </h:panelGroup>

	</t:panelGrid>

	<h:panelGrid width="100%">
		<h:outputText value="#{messages['personal.info']}"
			styleClass="sub_header" />
	</h:panelGrid>

	<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">

		<h:panelGroup>
			<h:outputLabel for="dateofbirth"
				value="#{messages['date.of.birth']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="dateofbirth"   styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.dob}">
	   	</t:outputText>
		</h:panelGroup>

		<h:panelGroup>
			
			<h:outputLabel for="icpassportno"
				value="#{messages['ic.passport.no']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="icpassportno"  
				 styleClass="standardText"
				value="#{adminViewMemberInfoBean.memberInd.newIcNo}">
			</t:outputText>
		</h:panelGroup>


		<h:panelGroup>
			<h:outputLabel for="sex" value="#{messages['sex']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="sex"  
				 styleClass="standardText"
				value="#{adminViewMemberInfoBean.memberInd.genderLabel}">
			</t:outputText>
		</h:panelGroup>

		<h:panelGroup>
			<h:outputLabel for="maritalstatus"
				value="#{messages['marital.status']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="maritalstatus"  
				 styleClass="standardText"
				value="#{adminViewMemberInfoBean.memberInd.maritalStatusLabel}">
			</t:outputText>
		</h:panelGroup>

		<h:outputLabel value="#{messages['no.of.children']}"
			styleClass="standardText_Label" />
		<h:panelGroup>
			<t:outputText id="noOfChild" 
				styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.child}">
			</t:outputText>
		</h:panelGroup>


		<h:panelGroup>
			<h:outputLabel for="race" value="#{messages['race']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="race" 
				styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.race.desc}">
			</t:outputText>
		</h:panelGroup>

		<h:panelGroup>
			<h:outputLabel for="nationality" value="#{messages['nationality']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="nationality"  styleClass="standardText"
				value="#{adminViewMemberInfoBean.memberInd.nationality}"></t:outputText>
		</h:panelGroup>
	</t:panelGrid>

	<h:panelGrid width="100%">
		<h:outputText value="#{messages['resident.info']}"
			styleClass="sub_header" />
	</h:panelGrid>

	<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
	
		<h:panelGroup>
			
			<h:outputLabel for="Address1"
				value="#{messages['residential.address']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		
		<t:outputText id="Address1"    
			styleClass="standardText"
			value="#{adminViewMemberInfoBean.memberInd.resAddress1}"></t:outputText>
		<h:panelGroup></h:panelGroup>
		
		<h:panelGroup>
			<t:outputText id="Address2" 
				styleClass="standardText"
				value="#{adminViewMemberInfoBean.memberInd.resAddress2}"></t:outputText>
		</h:panelGroup>
		
		<h:panelGroup>
			<h:outputLabel for="Postcode"
				value="#{messages['residential.postcode']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<t:outputText id="Postcode"   
			styleClass="standardText"
			value="#{adminViewMemberInfoBean.memberInd.resPostcode}">
		</t:outputText>

		<h:panelGroup>
			<h:outputLabel for="Country"
				value="#{messages['residential.country']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<t:outputText id="Country"   
			styleClass="standardText"
			value="#{adminViewMemberInfoBean.memberInd.resCountry.desc}">
		</t:outputText>
		
		<h:panelGroup>
			
			<h:outputLabel for="state" value="#{messages['residential.state']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<t:outputText id="state"   
			styleClass="standardText"
			value="#{adminViewMemberInfoBean.memberInd.resState.desc}">
		</t:outputText>
		
		<h:panelGroup>
		<h:outputLabel for="City" value="#{messages['residential.city']}"
			styleClass="standardText_Label" />
		</h:panelGroup>
		<t:outputText id="City"  
			styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.resCity}"></t:outputText>

		
		<h:outputLabel for="Telephone" value="#{messages['telephone.no']}"
			styleClass="standardText_Label" />
		<t:outputText id="Telephone" 
			 styleClass="standardText"
			value="#{adminViewMemberInfoBean.memberInd.resTelNo}">
		</t:outputText>
		
		
		<h:outputLabel for="Handphone" value="#{messages['handphone']}"
			styleClass="standardText_Label" />
		<t:outputText id="Handphone" 
			 styleClass="standardText"
			value="#{adminViewMemberInfoBean.memberInd.hpNo}">
		</t:outputText>
	</t:panelGrid>
	
	<h:panelGrid width="100%">
		<h:outputText value="#{messages['company.info']}"
			styleClass="sub_header" />
	</h:panelGrid>
	
	<t:panelGrid id="compInfo" columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
		
		<h:panelGroup>
			<h:outputLabel for="CompanyName" value="#{messages['company.name']}" styleClass="standardText_Label" />
		</h:panelGroup>
		<t:outputText id="CompanyName"   styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.compName}"></t:outputText>
   
	    <h:panelGroup>
		    <h:outputLabel for="Designation" value="#{messages['designation']}" styleClass="standardText_Label" />
	    </h:panelGroup>
	    <h:panelGroup>
	    	<t:outputText id="Designation"  styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.designation}"></t:outputText>
	    </h:panelGroup>
	    
	    <h:panelGroup>
		    <h:outputLabel for="GrossAnnualIncome" value="#{messages['gross.annual.income']}" styleClass="standardText_Label" />
	    </h:panelGroup>
	    <h:panelGroup>
	    	<t:outputText id="GrossAnnualIncome"   styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.grossAnnIncome}"></t:outputText>
	    </h:panelGroup>
	    
		<h:panelGroup>
	    	<h:outputLabel for="CompanyAdress1" value="#{messages['company.address']}" styleClass="standardText_Label" />
		</h:panelGroup>
		<t:outputText id="CompanyAdress1"   styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.compAddress1}"></t:outputText>
	    
	    <h:panelGroup></h:panelGroup>
	    <h:panelGroup>
	    	<t:outputText id="CompanyAdress2"  styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.compAddress2}"></t:outputText>
	    </h:panelGroup>
	    
	    <h:panelGroup>
	    	<h:outputLabel for="CompanyPostcode" value="#{messages['company.postcode']}" styleClass="standardText_Label" />
	    </h:panelGroup>
    	<t:outputText id="CompanyPostcode"    styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.compPostcode}">
    	</t:outputText>
	    
	    <h:panelGroup>
	    <h:outputLabel for="CompanyCountry" value="#{messages['company.country']}" styleClass="standardText_Label" />
	    </h:panelGroup>
    	<t:outputText id="CompanyCountry"   
			styleClass="standardText"
			value="#{adminViewMemberInfoBean.memberInd.compCountry.desc}">
		</t:outputText>
    	
	    <h:panelGroup>
	   		<h:outputLabel for="CompanyState" value="#{messages['company.state']}" styleClass="standardText_Label" />
	    </h:panelGroup>
    	<t:outputText id="CompanyState"   
			styleClass="standardText"
			value="#{adminViewMemberInfoBean.memberInd.compState.desc}">
		</t:outputText>
    	
	    <h:panelGroup>
	    	<h:outputLabel for="CompanyCity" value="#{messages['company.city']}" styleClass="standardText_Label" />
	    </h:panelGroup>
        <t:outputText id="CompanyCity"   styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.compCity}"></t:outputText>
	    
	    
	    <h:outputLabel for="TelephoneNoOffice" value="#{messages['telephone.no']}" styleClass="standardText_Label" />
    	<t:outputText id="TelephoneNoOffice"  styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.compTelNo}">
    	</t:outputText>
	    
	    
	    <h:outputLabel for="FaxNoOffice" value="#{messages['fax.no']}" styleClass="standardText_Label" />
    	<t:outputText id="FaxNoOffice"  styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.compFaxNo}">
    	</t:outputText>
	</t:panelGrid>
	
	<h:panelGrid width="100%">
		<h:outputText value="#{messages['mailing.info']}"
			styleClass="sub_header" />
	</h:panelGrid>
	
	<t:panelGrid id="mailInfo" columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
		
		
		<h:panelGroup>
			<h:outputLabel for="MailAddress1" value="#{messages['mail.address']}" styleClass="standardText_Label" />
		</h:panelGroup>
	    <t:outputText id="MailAddress1"     styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.mailAddress1}"></t:outputText>
	     
	     
	    <h:panelGroup></h:panelGroup>
	    <h:panelGroup>
	    	<t:outputText id="MailAddress2"   styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.mailAddress2}"></t:outputText>
	    </h:panelGroup>
	    
	    
	    <h:panelGroup>
			<h:outputLabel for="MailPostcode" value="#{messages['mail.postcode']}" styleClass="standardText_Label" />
		</h:panelGroup>
	    <t:outputText id="MailPostcode"     styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.mailPostcode}">
	    </t:outputText>
	    	
	    	 <h:panelGroup>
			 <h:outputLabel for="MailCity" value="#{messages['mail.city']}" styleClass="standardText_Label" />
		</h:panelGroup>	
		<t:outputText  id="MailCity"   styleClass="standardText" value="#{adminViewMemberInfoBean.memberInd.mailCity}"></t:outputText>
	    
	     <h:panelGroup>
			 <h:outputLabel for="MailCountry" value="#{messages['mail.country']}" styleClass="standardText_Label" />
		</h:panelGroup>
    	<t:outputText id="MailCountry"   
			styleClass="standardText"
			value="#{adminViewMemberInfoBean.memberInd.mailCountry.desc}">
		</t:outputText>
	    
	    <h:panelGroup>
			 <h:outputLabel for="MailState" value="#{messages['mail.state']}" styleClass="standardText_Label" />
		</h:panelGroup>
    	<t:outputText id="MailState"   
			styleClass="standardText"
			value="#{adminViewMemberInfoBean.memberInd.mailState.desc}">
		</t:outputText>
	    
	   
	</t:panelGrid>
	
	<rich:spacer height="30"></rich:spacer>
	<h:panelGrid width="100%">
				<h:outputText value="#{messages['action']}" styleClass="sub_header" />
				<h:panelGroup>
						<h:outputText value="*" styleClass="standardText_Mandatory" />
						<h:outputText value="#{messages['instruction']}" styleClass="standardText_Instruction" />
				</h:panelGroup>
			</h:panelGrid>
	
		<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
		
			<h:outputText></h:outputText>
			<t:message for="no" styleClass="error"></t:message>
	
			<h:panelGroup>
				<h:outputText value="*" styleClass="standardText_Mandatory" />
				<h:outputLabel for="no" value="#{messages['agreement.no']}" styleClass="standardText_Label" />
			</h:panelGroup>
			<h:panelGroup>
				<t:inputText id="no" required="true" size="50" maxlength="50" styleClass="standardText" value="#{adminViewMemberInfoBean.agreement.agreetmentNo}"></t:inputText>
			</h:panelGroup>
			
			<h:outputText></h:outputText>
			<t:message for="coolingOff" styleClass="error"></t:message>
	
			<h:panelGroup>
				<h:outputText value="*" styleClass="standardText_Mandatory" />
				<h:outputLabel for="coolingOff" value="#{messages['cool.off.period']}" styleClass="standardText_Label" />
			</h:panelGroup>
			<h:panelGroup>
				<t:inputText id="coolingOff" required="true" size="50" maxlength="50" styleClass="standardText" value="#{adminViewMemberInfoBean.agreement.coolingOffPeriodInt}"></t:inputText>
			</h:panelGroup>
			
			<h:outputText></h:outputText>
			<t:message for="agreementDate" styleClass="error"></t:message>
		
		    <h:panelGroup>
		    	<h:outputText value="*" styleClass="standardText_Mandatory" />
			    <h:outputLabel for="agreementDate" value="#{messages['agreement.date']}" styleClass="standardText_Label" />
		    </h:panelGroup>
		    <h:panelGroup>
		    	<t:inputCalendar
		    	id="agreementDate"
					monthYearRowClass="yearMonthHeader" weekRowClass="weekHeader" 
					currentDayCellClass="currentDayCell" value="#{adminViewMemberInfoBean.agreement.agreetmentDate}"
					renderAsPopup="true" popupTodayString="#{messages['popup.today']}"
					popupWeekString="#{messages['popup.week']}" popupDateFormat="dd/MM/yyyy"
					renderPopupButtonAsImage="true"
					styleClass="standardText" required="true">
		    	</t:inputCalendar>
		    </h:panelGroup>
			
		</t:panelGrid>
	
		<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
			<t:outputText></t:outputText>
			<t:panelGrid columns="2">
				<h:commandButton styleClass="button" action="#{adminViewMemberInfoBean.assignAction}" value="#{messages['assign']}" ></h:commandButton>
				<h:commandButton styleClass="button" action="#{adminViewMemberInfoBean.navBackAction}" value="#{messages['cancel']}" immediate="true"></h:commandButton>
			</t:panelGrid>
		</t:panelGrid>
	
</rich:panel>
